<template>
  <div class="mainContent">
    <div class="up">
      <span class="title">终 端 强 切 输 出（DC-24V）</span>
      <div class="upup">
        <div class="DCcirculate" v-for="(item, index) in DCdata" :key="index">
          <input type="checkbox" />
          <span>{{ item.name }}</span>
        </div>
        <div class="seconds">
          <div class="content" style="display: flex; flex-direction: row">
            <input type="text" style="width: 6vw; margin-right: 1vh;height: 1.5vw;background:rgb(220, 220, 220);border: 0ch;" />
            <span class="sp1">秒 (0-86400)</span>
          </div>
          <div class="sp2">(延时关闭时间)</div>
        </div>
      </div>
      <span class="title2">终 端 强 切 输 出（SC-短路）</span>
      <div class="upbottom">
        <div class="SCcirculate" v-for="(item, index) in SCdata" :key="index">
          <input type="checkbox" />
          <span>{{ item.nameY }}</span>
        </div>
        <div class="seconds">
          <div class="content" style="display: flex; flex-direction: row">
            <input type="text" style="width: 6vw; margin-right: 1vh;height: 1.5vw;background:rgb(220, 220, 220);border: 0ch;" />
            <span class="sp1">秒 (0-86400)</span>
          </div>
          <div class="sp2">(延时关闭时间)</div>
        </div>
      </div>
    </div>
    <div class="bottom">
      <div class="bottomup">主机后面板输出电源和终端电源定时控制操作</div>
      <div class="bottombottom">
        <span class="span1">
          <span>主机外设输出电源在定时点提前</span>
          <input type="text" name="" id="" style="width: 6vw;height:1.5vw;margin: 0.5vw;background:rgb(220, 220, 220);border: 0ch;"/>
          <span>秒 进行相应设置</span>
        </span>
        <span>
          <span>终端短路控制信息在定时点提前</span>
          <input type="text" name="" id="" style="width: 6vw;height:1.5vw;margin: 0.5vw;background:rgb(220, 220, 220);border: 0ch;"/>
          <span>秒 下发到终端</span>
        </span>
      </div>
    </div>
  </div>
</template>
<script setup>
import { ref } from "vue";
const DCdata = ref([
  { name: "主机寻呼" },
  { name: "主机告警" },
  { name: "消防告警" },
  { name: "设备间寻呼" },
  { name: "播放钟声" },
  { name: "广播节目" },
  { name: "点播节目" },
]);
const SCdata = ref([
  { nameY: "主机寻呼" },
  { nameY: "主机告警" },
  { nameY: "消防告警" },
  { nameY: "设备间寻呼" },
  { nameY: "播放钟声" },
  { nameY: "广播节目" },
  { nameY: "点播节目" },
]);
</script>
<style lang="less" scoped>
@import url("./componentsless/deviceInfor.less");
</style>